<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	@import url("css/log.css");
	body{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	height:100vh;
	background: url(image/13.jpg) no-repeat;
	background-size:cover;
}

	</style>

</head>
<body>
<form method="post" id="form">
			<audio src="1.mp3" loop"loop" id="myId"></audio>
	<div class="box">
		<h2>神州大学管理系统</h2>
		<div class="input-box">
			<h3>选择身份</h3>
			<label><input name="null"type = "radio" value="1" id="one" />管理员
					<input name="null"type = "radio" value="2"/ id="two"  onclick="ShowAction('TeacShow.jsp')">老师
					<input name="null"type = "radio" value="3"/ id="three" onclick="ShowAction('StuShow.jsp')">学生

			</label>

		</div>
		<div class="input-box">
			<label>用户名:</label>
			<input type="text" name="uname"/>
		</div>
		<div class="input-box">
			<label>密码:</label>
			<input type="password" name="upass"/>
		</div>
			<div>
				<a href="xitong.html"><button id="dl" onclick="ShowAction('PrelogServlet')">登录</button></a>
		</div>
	</div>
</div>
</form>
	
		
</body>
<script>
	function $(id){
		return document.getElementById(id);
	}
	onclick=function(){
		$('myId').play();
	}
	function ShowAction(url){
		$("form").action=url;
		$("form").submit();
	}
</script>
</html>